<template>
	<view class="knowledge-page">
		<div  class="statusBar" :style="{
			height:`${statusBarHeight}px`,
		}"></div>
		<view  class="title-box" :style="{top:`${statusBarHeight}px`,height:`${topHeight}px`,padding:`${capsulePadding}px ${pagePadding}px`}">
			<view class="page-title">
				<i class="clearIcon" @click="goBack"></i>{{pageTitle}}
			</view>
		</view>
		<div :style="{
			height:`${statusBarHeight + topHeight}px`
		}"></div>
		<view class="knowledge-page_container" :style="{height: `calc(100% - ${topHeight + statusBarHeight}px)`}">
			<view class="knowledge-title">
				精密空调运维工作总结 
			</view>
			<view class="knowledge-user">
				张三 2025-05-28
			</view>
			<u-line color="#7f7f7f" style="margin-bottom: 20rpx;" />
			<rich-text :nodes="content_node"></rich-text>
		</view>
	</view>
</template>

<script setup>
	const statusBarHeight = ref(0); // 状态栏高度
	const topHeight = ref(0); // 胶囊高度
	const capsulePadding = ref(0);
	const pagePadding = ref(0);
	const pageTitle = ref('精密空调运维工作总结')
	
	const content_node = `
          <p><span>&nbsp;&nbsp; &nbsp;&nbsp; 精密空调是现代办公环境中不可或缺的设备，它不仅可以确保办公室内的温度和湿度适宜，还能保证电子设备的正常运行。因此，精密空调的运维工作显得尤为重要。在过去的一段时间里，我们对精密空调的运维工作进行了总结和反思，现在将分享一些经验和教训。</span></p><p><span>&nbsp;&nbsp; &nbsp;&nbsp; 首先，我们发现定期的维护和保养对于精密空调的正常运行至关重要。定期清洁过滤器、检查冷凝器和蒸发器的状态、调整制冷剂的压力等工作，都能够有效地延长精密空调的使用寿命，减少故障的发生。因此，我们制定了详细的维护计划，并严格执行，确保每一台精密空调都能够得到及时的维护。</span></p><p><span>&nbsp;&nbsp; &nbsp;&nbsp; 其次，我们意识到及时的故障排除对于精密空调的正常运行同样至关重要。在过去的运维工作中，我们遇到了一些突发故障，由于没有及时发现和解决，导致了设备的停机和办公环境的不适。因此，我们加强了对精密空调的监控和巡检工作，一旦发现异常情况，立即采取措施进行排除，确保设备能够尽快恢复正常运行。</span></p><p><span>&nbsp;&nbsp; &nbsp;&nbsp; 最后，我们还意识到了员工的培训和意识的重要性。精密空调的运维工作需要有专业的知识和技能，而且需要工作人员具备高度的责任感和紧急处理能力。因此我们加强了对运维人员的培训，提高了他们的技术水平和工作意识，确保他们能够胜任各种突发情况的处理工作。</span></p><p><span>&nbsp;&nbsp; &nbsp;&nbsp; 总的来说，精密空调的运维工作需要我们不断总结经验，不断提高工作水平，确保设备的正常运行，为办公环境提供舒适的氛围。我们将继续努力，不断完善运维工作，为公司的正常运转和员工的舒适办公环境做出更大的贡献。</span></p>
        `
	// 处理页面跳转
	const goBack = (type) => {
		uni.navigateBack()
	}
	onMounted(() => {
		const systemInfo = uni.getSystemInfoSync();
		statusBarHeight.value = systemInfo.statusBarHeight; // 获取状态栏高度
		const res = uni.getMenuButtonBoundingClientRect();
		pagePadding.value = systemInfo.screenWidth - res.right
		topHeight.value = res.height + (res.top - statusBarHeight.value) * 2
		capsulePadding.value = res.top - statusBarHeight.value
	});
</script>

<style scoped lang="scss">
	.page-title {
		height: 100%;
		font-size: 38rpx;
		// font-weight: 700;
		display: flex;
		align-items: center;
		justify-content: center;
		position: relative;
	
		.clearIcon {
			position: absolute;
			height: 100%;
			width: 60rpx;
			background: url(/static/images/my/ic_fanhui@2x.png)no-repeat center;
			background-size: 35%;
			left: 0;
			top: 0;
		}
	}
	.knowledge-page{
		background: #ffffff;
		height: 100vh;
		&_container{
			padding: 20rpx 40rpx;
			overflow-y: auto;
			.knowledge-title{
				font-size: 38rpx;
				margin-bottom: 20rpx;
			} 
			.knowledge-user{
				font-size: 28rpx;
				margin-bottom: 20rpx;
				color: #7F7F7F;
			}
		}
	}
</style>
